<template>
  <transition name="slide">
    <div class="singer-detail">
      <div>singer-detail</div>
      <button @click="$router.back()">back</button>
    </div>
  </transition>
</template>

<script>
export default {
}
</script>

<style scoped lang="stylus">
@import "~common/stylus/variable"
.singer-detail
  position fixed
  top 0
  left 0
  width 100vw
  height 100vh
  z-index 100
  background $color-background
.slide-enter-active,.slide-leave-active
  transition all .3s

.slide-enter, .slide-leave-to
  transform translate3d(100%, 0, 0)
</style>
